<!DOCTYPE html>
<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html;charset=UTF-8">
        <title>jQuery事件绑定</title>
        <script src="http://code.jquery.com/jquery-1.12.4.js" 
        integrity="sha256-Qw82+bXyGq6MydymqBxNPYTaUXXq7c8v3CwiYwLLNXU="
        crossorigin="anonymous"></script>
        <script>
            $(function (param) {  
                /*
                jQuery有两种事件绑定的方法
                1.eventName(fn);
                编码效率略高/部分事件jQuery没有实现，所以不能添加
                2.om(eventName,fn);
                编码效率略低/所有js事件都能添加

                注意点：
                可以添加多个相同或不同类型且不会被覆盖
                */
                //1.eventName(fn);
                $("button").click(function (param) {
                    alert("hello");
                  });

                //2.om(eventName,fn);
                $("button").on("click",function (param) { 
                    alert("hello2");
                 });
            });
        </script>
    </head>
    <body>
        <button>我是按钮</button>
    </body>
</html>